@charset "utf-8";
/* CSS Document */

/****************************************************************************************************
*	Filename: layout.css
*	Purpose:  CSS for layout 

// How to find a partcular selector ...?
**search the id (HEADING ID) to get css related / applied to partcular html tag**
	
	HTML TAGS/MODULES			HEADING ID		DESCRIPTION
	----------------------------------------------------------------------------------------------------
	body/common						GENERIC				All common effects..where in you do need to apply css
	Text									TEXTALL				Text effects, font sizes, hover effects
	form elemetns					FORM					All form related elemetns such as input, label, text area				
	UL/LIs								MENUS					All types of menus, tabs structure..
	H Tags								HEADELE				All header tags h1 to h5
	Customized input			INPUTALL			All form tags such as buttons, input boxes, combo boxes
	background colors			BGs						All pure color backgrounds
	
	

Please keep this css sequence:
**************************************************************************************************** please start over now/


/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
body 				{font:normal 11px Verdana !important; color:#333333; text-align:left; background:#ededed url(../../images/admin/pageBg.png) repeat-x top;}
body,form,h1,h2,h3,h4,h5,h6,p	{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6,label,a			{text-transform:capitalize; text-decoration:none;}
a 					{color:#333333; text-decoration:none;}
.ext				{color:#FF6600; font-weight:bold; text-decoration:none;}
a:hover 		    {color:#317BB9; text-decoration:underline;}
a:active, a:focus   {outline:0} /* to avoid link borders on new browsers */
img					{border:none;}
ul,li				{padding:0; margin:0; list-style:none;}


/** niftycorners	**/

/** HEADER ELEMENTS STYLING	(id=HEADELE) **/
h1.login				{font-size:18px !important; color:#30c31d;}
h1 img			{padding-right:10px;}
h2.login				{color:#FFFFFF; padding-bottom:10px; font-weight:bold;} 

/** FORM ELEMENTS STYLING (id=FORM) **/
.breadcrumb	 		{color:#26569E; font-weight:normal; padding-left:10px}
.breadcrumb a 		{color:#547029; font-weight:normal}
.breadcrumb a:hover	{color:#547029; font-weight:normal}

/** ONLY FOR BROWSERS OTHER THAN IE-6 **/
.textbox			{border:1px solid #ababab;  background:#f6f3f3; padding:5px;}


input.button1 	    {padding-left:20px; padding-right:0px; margin-right:10px; border:0; background:url(../../images/admin/buttonbg.gif) left top  no-repeat; color:#FFF; height:29px; padding-bottom:5px;  /* used to catch the buttonEnding */  position:relative; cursor:pointer; font-size:13px;}
.buttonEnding1      {position:absolute; display:inline; margin-left:-10px; width:20px; height:29px; background: url(../../images/admin/buttonbg.gif)  right top no-repeat;}

/** debugging block level elements **/
/* div					{border:1px solid #0000FF;} */

/* 	BODY WRAPPER / HEADER / TOP MENU 
**********************************************************/
#mainWrapper	{margin:0 auto; width:970px;}
#header			{width:100%; background:) bottom no-repeat center; padding-top:5px;}
#logo			{width:240px; height:72px; padding:20px 0px 0px 0px; display:inline; }
#logout			{width:80px; float:left; text-align:center; padding-bottom:20px;}

/* 	RESUBALE UL LI / MENUS / 	(id=menus)
**********************************************************/
#leftside			{float:left; width:19%; margin:5px 7px 0px 0px;}
#rightside			{float:left; width:78%; border: 1px solid #4085C0; padding:5px}
#menuOne			{width:100%; }
.tab01				{padding:10px; padding:0 0 10px 0;}
.tab01 a			{text-decoration:none; padding:0 10px;  font-weight:normal;   }

/* 	MAIN CONTENT  (to position the content)
**********************************************************/
#maincont			{width:100%; margin-top:0px;}
#maincont .top		{background:url(../../images/admin/roundTop.gif) top no-repeat center; height:14px; overflow:hidden;}
#maincont .bottom	{background:url(../../images/admin/btmcor.png) bottom no-repeat center; height:22px;}
#maincont .top	{background:url(../../images/admin/topRound.png) bottom no-repeat center; height:22px;}
.Mhight				{min-height:410px;}
*html.Mhight		{height:410px;}

.contleft			{width:49%; float:left; border-right:1px solid #d6d4d4;}
.contright			{width:49%; float:left; padding-left:1%;}

/* 	MODULES
**********************************************************/
.module01TL,.module01TR	,.module01BL,.module01BR,.module02TL,.module02TR,.module02BL,.module02BR {background:url(../../images/admin/module01.png) no-repeat;}

/* dark bluw rounded corners */
	.module01TL					{background-position:top left; height:8px;}
	.module01TR					{background-position:top right;}
	.module01BL					{background-position:left -10px; height:8px; overflow:hidden;}
	.module01BR					{background-position:right -10px;}
	
/* white module */
   	.module02TL					{background-position:0 -18px; height:8px;}
	.module02TR					{background-position:100% -18px;}
	.module02BL					{background-position:0 -28px; height:8px; overflow:hidden;}
	.module02BR					{background-position:100% -28px;}	



/* 	RESUBALE PURE BACKGROUNDS			(id=BGs)
**********************************************************/
.bgWht				{background:#FFF;}
.BlueBg				{background:#4B8DC5;}	
	

/* 	RESUBALE GRADIENTS
**********************************************************/  

/* 	MAKE ME ROUND
**********************************************************/


/* 	ALL TEXT CSS	(id=textAll)
**********************************************************/
/* font weights */
td.step			  {padding: 7px 10px 7px 5px; font-size: 28pt; color: #CCCCCC; font-weight: bold; vertical-align: top; text-align: center;}
.strong			  {font-weight:bold;}
.smlTxt			  {font-size:11px;}
.para			  {font-size:12px;}
.normTxt		  {font-weight:normal;}
.largeText		  {font-size:15px;}
.bigText		  {font-size:18px;}
/* text transform */
.allCaps		  {text-transform:capitalize;}
.textU			  {text-decoration:underline;}
/* text align & content align inside a particular element */
.centerall		  {text-align:center;}
.alignLeft		  {text-align:left;}
.alignRight		  {text-align:right;}
.justify		  {text-align:justify;}
/* colored text */
.blackTxt         {color:#000000;}
.bluetxtone		  {color:#64c0e2;}
.blueTxt		  {color:#0000CC; }
.blueTxtTwo		  {color:#27569f; font:bold 12px Trebuchet MS; }
.green			  {color:#006600;}
.red			  {color:#FF0000;}
/* others */

/*  ALL Messages  */
.error			  {color:#CC0033;}
.success		  {color:#FF8000;}

#paging					{font-size:13px; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
#paging a				{color:#6699FF; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; font-weight:bold; text-decoration:none;}

/* 	ALL INPUT & FORM CLASSES	(id=inputAll)
**********************************************************/
.search			  {background:url(../../images/admin/search.png) left top no-repeat; padding:2px 2px 2px 15px; height:18px; border:0px;}
.searchbutton	  {background:url(../../images/admin/search.png) right top no-repeat; padding:2px 15px 5px 15px; height:22px; border:0px; color:#FFFFFF; cursor:pointer;}


/* 	ALL BORDER CSSs
**********************************************************/


/* 	REQUIRED PADDINGS / MARGINS 
**********************************************************/
.padOne		    {padding:8px 8px;}
.pad3			{padding:0 10px;}
#nextCont		{min-height:450px;}
.padtop2		{padding-top:60px;}
.inipic			{padding:4px; border:1px solid #999999; margin:8px}			
/* 	FOOTER 
**********************************************************/
.padTwo 
{
padding:10px !important;
}

.padtop			{padding-top:20px;}

/* 	MISCELLANEOUS
**********************************************************/
.holdthis	   	{width:100%; float:left;}
.holdthisTop	{width:100%; float:left; padding-top:10px;}

/* 	INNERPAGE CONTENT
**********************************************************/

.Loginbox		    {width:458px; margin:0px auto;  }

.mainmenu		    {width:330px;}
.mainmenubox	    {margin:0 0 8px 8px; padding:7px; width:86px; height:86px; float:left; background:#efffed; border:1px solid #30c31d; text-align:center;}
.mainmenuboxon	    {background:#f5f5f5; border:1px solid #fdb00a;  margin:0 0 8px 8px; padding:7px; width:86px; height:86px; float:left; text-align:center; text-align:center;}
.mainmenubox img	{padding-bottom:5px;}
.mainmenubox a		{display:block; text-decoration:none; color:#000000; font-weight:normal;}

.mainmenuboxon img	{padding-bottom:5px;}
.mainmenuboxon a	{display:block; text-decoration:none; color:#000000; font-weight:normal;}

.clr				{clear:both;}

.innerpagemenu		{border-top:1px solid #30c31d; border-bottom:1px solid #30c31d;	padding:8px 0; }

.contentBox			{margin:0px; padding:7px; background:#efffed; border:1px solid #30c31d;}

.mainmenuboxon2		{background:#f5f5f5; border:1px solid #fdb00a;  margin:0; padding:5px; width:70px; height:70px; float:left; text-align:center; text-align:center;}
.mainmenuboxon2 img	{padding-bottom:5px;}
.mainmenuboxon2 a				{display:block; text-decoration:none; color:#000000; font-weight:normal;}

td.stat0 {border:1px solid #999999; padding: 5px; padding-left: 8px;}


/******************  Sublevat menu navigation   *************************/

.mainmenuboxsubon				{margin-left:5px; padding:5px; width:60px; height:70px; float:right; background:#f5f5f5; border:1px solid #fdb00a;  text-align:center; }
.mainmenuboxsubon img			{padding-bottom:5px;}
.mainmenuboxsubon a				{display:block; text-decoration:none; color:#000000; font-weight:normal; font-weight:bold;}


.mainmenuboxsub				{margin-left:5px; padding:5px; width:60px; height:70px; float:right; background:#efffed; border:1px solid #30c31d; text-align:center;}
.mainmenuboxsub img			{padding-bottom:5px;}
.mainmenuboxsub a				{display:block; text-decoration:none; color:#000000; font-weight:normal;}


/******************  Listing Table   *************************/

.listtable					{border:1px solid #4B8DC5}
.listtable	td				{padding:5px;}
.headbg						{background:#4B8DC5; color:#FFFFFF; font-weight:bold;}
.headbg a					{color:#FFFFFF; font-weight:bold;}
.headbg a:hover				{color:#FFFFFF; font-weight:bold;}
tr.grayback {background:#DDEDF8 none repeat scroll 0%; border-top:1px solid #000; border-bottom:1px solid #000;}
tr.grayback:hover {background:#F1F7FD none repeat scroll 0%; border-top:1px solid #000; border-bottom:1px solid #000;}
tr.selectedrow				{background:#FFEDC2}

.conttable			{border:1px solid #666666}
.conttableDkBg		{background-color:#E8E8E8}

a .Tooltip					{display:none;}
a:hover .Tooltip					{display:block; border:1px solid #129acc; background:#FFF; padding:2px; position:relative; margin:15px 0 0 0; width:200px;}


/*       Left Side Menu CSS 	*/

.menu_div		{margin-top:5px}
.menu_head { padding: 7px 10px 10px 7px; cursor: pointer; position: relative; margin:1px; font-size:12px; color:#fff; font-weight:bold; background:url(../../images/admin/menu_bg.gif) repeat-x; height:10px;}
.menu_head span {background:url(../../images/admin/collapsed.gif) left no-repeat; padding-left:12px;}
.menu_head span.spandown {background: url(../../images/admin/expanded.gif) left no-repeat; padding-left:12px;}
.menu_body {display:none;/* border:#336600 solid 1px; padding:4px;*/}
.menu_body li {background:#eeeeee; border-bottom:solid 1px #dddddd; padding:4px;}
.menu_body li:hover {background:#CCCCCC; border-bottom:solid 1px #333333;}
.menu_body li a {color:#333333;}
.menu_body li a:hover {text-decoration:none;}
.menu_body a {display:block; padding-left:10px;}

/* 	ROLL OVER
**********************************************************/


.whitebg					{background:#FFFFFF;}
.trbg:hover					{background:#F8F8F8;}

ul.innerNaviicon li {
background:transparent url(../../images/icons/user.png) no-repeat scroll center left ;
padding-left:18px; padding-right:10px;
}
ul.innerNaviicon li a { padding-left:10px;
}
ul.innerNavi li {
display:block;
padding:6px;
}
ul, li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}


.leftfloat {float:left;}
textarea{
	resize:none;
}

/*****************************/
